<template>
  <!-- 风格1 -->
  <view v-if="type == 0" class="flex justify-between items-center py-3">
    <view class="flex items-baseline">
      <view class="text-gray-700 text-30" :class="bold ? ['font-bold'] : []">
        {{ label }}
      </view>
      <slot name="title"></slot>
    </view>
    <view class="right">
      <slot></slot>
    </view>
  </view>
  <!-- 风格2 -->
  <view v-else-if="type == 1" class="flex items-center py-3">
    <view style="height: 28rpx; width: 8rpx; background-color: #196d6a"></view>
    <view class="text-black font-bold leading-none ml-2">{{ label }}</view>
  </view>
</template>
<script lang="ts" setup>
const props = defineProps({
  label: {
    type: String,
    default: ''
  },
  bold: {
    type: Boolean,
    default: true
  },
  type: {
    type: Number,
    default: 0
  }
})
</script>
<style lang="sass" scoped></style>
